<%--
  Created by IntelliJ IDEA.
  User: 86135
  Date: 2021/5/17
  Time: 16:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    //获取项目的根路径
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <title>找回密码</title>
    <script src="<%=basePath%>/layui/layui.js"></script>
    <link rel="stylesheet" href="<%=basePath%>/layui/css/layui.css"  media="all">
    <link rel="stylesheet" href="../sweetalert.css">
    <script src="../sweetalert-dev.js"></script>
    <style type="text/css">
        body{
            background-color: #4b0082;
        }
        #shoulan{
            border: 0px #ffffff dashed;
            background-color: #632493;
            width: 550px;
            height: 550px;
            border-radius:100%;
            margin-top: 70px;
            margin-left: 170px;
        }
        #tupian{
            margin-top: -670px;
            margin-left: 80px;
        }
        #denglu{
            border: 0px #ffffff dashed;
            width: 500px;
            height: 500px;
            margin-top: -670px;
            margin-left: 800px;
        }
        .huazi{
            width: 500px;
            height: 140px;
            border: 0px #ffffff dashed;
        }
        .huazi span{
            font-size: 48px;
            color: #58dfe5;
            float: right;
        }
        .zhangmi{
            width: 500px;
            height: 300px;
            border: 0px #ffffff dashed;
        }
        input[type="text"], input[type="password"]{
            width: 400px;
            padding: 16px 10px 15px 60px;
            font-size: 14px;
            background: transparent;
            border: none;
            border: 2px solid #ffffff;
            outline: none;
            margin-bottom: 26px;
            color: #fff;
            border-radius:25px;
        'Quicksand', sans-serif;
            float: right;
        }
        ul{list-style:none;padding:0;margin:0;}
        .wangji li a{
            font-size: 15px;
            color: white;
        }
        .wangji{
            float: right;
            margin-top: -10px;
            margin-left: 260px;
        }
        .shuji{
            float: right;
            margin-top: -5px;
            color: white;
            padding-bottom: 30px;
        }
        .shuji2{
            float: right;
            margin-top: 16px;
            margin-left: 100px;
            color: white;
        }
        .wu{
            float: right;
        }
        .anniu{
            float: right;
            margin-top: 45px;

        }
        .anniuzi{
            color: #ffffff;
            font-size: 20px;
        }
        ::-webkit-input-placeholder{
            color: #F0F0F0;
            font-size: 14px;
            line-height: 50px;
        }
        .wangji li a:hover{
            color: #eece2a;
        }



    </style>
</head>

<body>
<div id="shoulan">
</div>
<div id="tupian">
    <img src="<%=basePath%>/tushug/img/微信图片_20210517151132.png">
</div>
<div id="denglu">
    <div class="huazi">
        <span>WELCOME LOGIN</span><br>
        <span>HUA ZI LIBRARY</span>
    </div>
    <div class="zhangmi">
        <p class="shuji">even more competitive products books wait for you</p>
        <p class="wu"></p>
        <form action="<%=basePath%>/LibaryServlet?updatewang=adminmima" method="post">
            <!-账号密码表单->
            <input type="text" name="name" class="names"  placeholder="请输入账号" required><span class="namesapn"></span><br>
            <input type="password" name="password"  class="xx" placeholder="请输入密码"  required><span class="passspans"></span><br>
            <input type="password" name="passwords"  class="xxx" placeholder="请确认密码" id="pewd" required><span class="passspan"></span><br>
            <input type="text" name="phone"  class="xxs" placeholder="手机号"  required ><span class="passspan"></span><br>
            <ul class="wangji">
                <!-忘记密码超链接->
                <li>
<%--                    <a href="<%=basePath%>/tushug/Wangjimima.jsp" >忘记密码？</a>--%>
                </li>
            </ul>
            <p class="shuji2">even more competitive products books wait for you</p>
            <div class="anniu">
                <%--                <input type="submit" style="width:400px;height:50px; background-color: #FF5722; border: 1px #FF5722 solid" >--%>
                <input type="submit" name="" value="确认" style="width:400px;height:50px; background-color: #FF5722;color: #FFFFFF; border: 1px #FF5722 solid" class="layui-btn layui-btn-primary layui-btn-radius" id="ann"> </div>

        </form>
    </div>
</div>
<script src="<%=basePath%>/jquery-1.12.4.js"></script>
<script type="text/javascript">
    $(function () {
        $("#pewd").blur(function () {
            let paw=$(".xx").val();
            let pwd=$("#pewd").val();
            if (paw==pwd){
            }else {
                swal("前后密码不同")
                return false;
            }
        })
    })
</script>
</body>
</html>
